.materials-main-container {
  display: flex;

  [nz-button] {
    margin-right: 8px;
  }

  .left {
    width: 380px;
    background: #ffffff;
    margin: 10px;
    height: calc(100vh - 70px);
    overflow-y: auto;

    .tree-wrap {
      padding: 15px;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      overflow: auto;

      nz-input-group {
        margin-bottom: 10px;
      }

      .custom-node {
        display: inline-block;
        padding: 4px;
        width: 92%;

        &.active,
        &:hover {
          background-color: #ededed;

          .tree-btns {
            display: block;
          }
        }
      }

      .tree-btns {
        display: none;
        float: right;

        a {
          color: #3f51b5;
          font-size: 13px;
          margin-right: 4px;
        }
      }
    }
  }

  .right {
    background: #ffffff;
    flex: 1;
    margin: 10px 10px 10px 0;

    .form-wrap {
      margin: 20px;
    }

    .table-wrap {
      margin: 20px;
    }
  }

  .pb20 {
    padding-bottom: 20px;
  }
}

